<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css" >
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1090902_tgdx0xgzd2c.css">
</head>
<body>
    <div class="box">
        <div class="w">
            <div class="header w">
                <h1 class="fl"><img src="../images/1.jpg" alt=""></h1>
                <ul class="fl headerUl">
                    <li>首页</li>
                    <li class="headerUlLi2">礼品分类
                        <span class="iconfont icon-zititubiaoxiugai-"></span>
                        <ul class="neibie">
                            <li>少女心饰</li>
                            <li>萌萌美物</li>
                            <li>为爱停留</li>
                            <li>潮流时尚</li>
                            <li>科技达人</li>
                            <li>幸福烙印</li>
                            <li>爱情保鲜</li>
                        </ul>
                    </li>
                    <li>送礼导航</li>
                    <li>创意礼物</li>
                    <li>新品上架</li>
                    <li>愚人节礼品</li>
                </ul>
                <div style="position:relative;width:200px;height:30px;margin-top: 35px;margin-left:25px;float:left;" >
                    <input class="fl headerp1" style="margin-left:0;margin-top:0"><span class="iconfont icon-sousuo" style="font-size:30px;position:absolute;top:0;right:0"></span>
                </div>
                <div class="iconfont icon-gerenxinxi fl">
                    <ul id="xinxibox">
                        <li class="xinxiboxLi"> span id="login">登录</span>/<span id="join">注册</span></li>
                        <li>浏览历史</li>
                        <li>我的订单</li>
                        <li>我的收藏</li>
                    </ul>
                </div>
                <div class="iconfont icon-tubiaolunkuo- fl">
                        <ul id="shoppingcar" class="cl">
                         
                        </ul>
                </div>
            </div> 
             <p class="headerp2"> <span>首页</span><span>/</span><span>购物车</span></p> 
             <ul class="spheader w cl">
                    <li class="spheaderLi">商品信息</li>
                    <li>单价</li>
                    <li>数量</li>
                    <li>小计</li>
                    <li>操作</li>
                </ul>
             <div class="spcontent w cl">
                 <div class="gobox" style="width:150px;height:40px;font-size:24px;background:rgba(255,0,0,.2);position:absolute;left:60%;top:60%;text-align:center;line-height:40px;border-radius:20px ">去购物</div>
                 <!--<ul class="sptr w cl">
                        <li class="sptrli1">
                            <img src="../images/2.jpg" alt="">
                            <div class="sptr1 fl">
                                <div>杯子</div>
                                <p>礼物颜色:<span>白色</span></p>
                                <p>个人定制:<span>还好</span></p>
                            </div>
                        </li>
                        <li class="iconfont icon-qian">68</li>
                        <li class="sptr3">
                            <div class="sptr3div cl">
                                <span >-</span>
                               <span>1</span>
                                <span >+</span>
                            </div>
                        </li>
                        <li class="iconfont icon-qian">68</li>
                        <li>删除</li>
                     </ul>
                     <ul class="sptr w cl">
                            <li class="sptrli1">
                                <img src="../images/2.jpg" alt="">
                                <div class="sptr1 fl">
                                    <div>杯子</div>
                                    <p>礼物颜色:<span>白色</span></p>
                                    <p>个人定制:<span>还好</span></p>
                                </div>
                            </li>
                            <li class="iconfont icon-qian">68</li>
                            <li class="sptr3">
                                <div class="sptr3div cl">
                                    <span >-</span>
                                   <span>1</span>
                                    <span >+</span>
                                </div>
                            </li>
                            <li class="iconfont icon-qian">68</li>
                            <li>删除</li>
                         </ul>
                           <ul class="sptr w cl">
                    <li class="sptrli1">
                        <img src="../images/2.jpg" alt="">
                        <div class="sptr1 fl">
                            <div>杯子</div>
                            <p>礼物颜色:<span>白色</span></p>
                            <p>个人定制:<span>还好</span></p>
                        </div>
                    </li>
                    <li class="iconfont icon-qian">68</li>
                    <li class="sptr3">
                        <div class="sptr3div cl">
                            <span >-</span>
                           <span>1</span>
                            <span >+</span>
                        </div>
                    </li>
                    <li class="iconfont icon-qian">68</li>
                    <li>删除</li>
                 </ul> -->
             </div>
             <div class="spfooter cl" >
                    <div class="iconfont icon-zuo jixu">去购物</div>
                    <p>共<span class="heji" style="color:red"></span>件商品</p>
                    <p>合计:<span class="iconfont icon-qian hejiPrice"></span></p>
                   <p id="pay">去结算</p>
                </div>
        </div>
    </div>
    <div class="box1" >
            <div class="footer w" >
                <div class="footer1 cl">
                    <h1><img src="../images/1.jpg" alt=""> 礼无忧</h1>
                    <h3 class="iconfont icon-anquanbaozhang"> 30天包退换</h3>
                    <h3 class="iconfont icon-iconzhengpin"> 100%正品</h3>
                    <h3 class="iconfont icon-che-tianchong"> 全场免运费</h3>
                    <h3 class="iconfont icon-lipin"> 提供礼品级包装</h3>
                </div>
                <div class="footer2">
                    <p> &copy;liwuyou.com粤ICP备10222238号-1
                    </p>
                    <ul class="cl">
                        <li>关于我们<span>|</span></li>
                        <li>帮助中心<span>|</span></li>
                        <li>售后中心<span>|</span></li>
                        <li>联系我们<span>|</span></li>
                    </ul>
                </div>
            </div>
    
       </div>
</body>
<script src="../js/jquery-1.11.3.js"></script>
<script src="../js/cookie1.js"></script>
<script src="../js/shopping.js"></script>
</html>